<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>美食_生活</title>
    <link rel="icon" href="image/dp_favicon.ico">
    <link rel="stylesheet" href="css/dp_index.css">
    <link rel="stylesheet" href="css/dp_login.css">
</head>
<body>
<!-- 顶部导航 -->
<div class="header-container">
    <div id="top-nav" class="top-nav">
        <div class="top-nav-container">
            <div class="mini-logo">
                <a href="">
                    <i class="icon-logo"></i>
                    大众点评首页
                </a>
            </div>
            <div class="quick-menu">
                <ul class="quick-menu-ul">
                    <li class="menu-item"><a href="">写点评</a> </li>
                    <li  class="menu-item">
                        <a href="">
                            <span>你好，请登录</span>
                        </a>
                        <a href="">
                            <span>免费注册</span>
                        </a>
                    </li>
                    <li>
                        <div class="menu-item dropdown">
                            <a href="" >
                                <p>个人中心</p>
                                <img src="image/sanjiaoxing.svg">
                            </a>
                            <div class="dropdown-content">
                                <a href="">我的点评</a>
                                <a href="">我的收藏</a>
                                <a href="">我的团购</a>
                            </div>
                        </div>

                    </li>
                    <li  class="menu-item"><a href="">商户服务</a> </li>

                </ul>

            </div>
        </div>
    </div>
</div>
<!-- logo部分 -->
<div class="header">
    <div class="big-logo">
        <a href=""><img src="image/logo@2x-1828c2a9.png"></a>
        <span>苏州</span>
    </div>
    <div class="search-area">
        <input type="text">
        <input type="submit" value="搜索">
    </div>
</div>

<!-- banner区域-->
<div class="top-main">
    <div class="nav-bar">
        <ul>
            <li>
                <a href="">霸王餐</a>
                <img src="image/hot.png">
            </li>
            <li><a href="">社区论坛</a> </li>
            <li><a href="">预约定做</a> </li>
        </ul>
    </div>
    <div class="left-nav">
        <div class="left-top-nav">全部分类</div>
        <div class="left-bottom-nav">
            <div class="foods">
                <a href="">美食</a>
                <a href="">火锅</a>
                <a href="">人气聚餐</a>
                <div class="food-detail">
                    <span>中餐</span>
                    <a href="">日本菜</a>
                    <a href="">人气聚餐</a>
                </div>
            </div>
            <div class="foods">
                <a href="">休闲娱乐</a>
                <a href="">足疗</a>
                <a href="">KTV</a>
                <div class="food-detail">
                    <span>休闲娱乐</span>
                    <a href="">足疗</a>
                    <a href="">KTV</a>
                    <a href="">婚纱摄影</a>
                    <a href="">婚礼策划</a>
                    <a href="">婚纱摄影</a>
                    <a href="">婚礼策划</a>
                    <a href="">婚纱摄影</a>
                    <a href="">婚礼策划</a>
                    <a href="">婚纱摄影</a>
                    <a href="">婚礼策划</a>
                </div>
            </div>
            <div class="foods">
                <a href="">结婚</a>
                <a href="">婚纱摄影</a>
                <a href="">婚礼策划</a>
                <div class="food-detail">
                    <span>结婚</span>
                    <a href="">婚纱摄影</a>
                    <a href="">婚礼策划</a>
                </div>
            </div>
            <div class="foods">
                <a href="">电影演出</a>
                <a href="">赛事</a>
                <a href="">电影院</a>
                <div class="food-detail">
                    <span>中餐</span>
                    <a href="">日本菜</a>
                    <a href="">人气聚餐</a>
                </div>
            </div>
            <div class="foods">
                <a href="">结婚</a>
                <a href="">婚纱摄影</a>
                <a href="">婚礼策划</a>
                <div class="food-detail">
                    <span>结婚</span>
                    <a href="">婚纱摄影</a>
                    <a href="">婚礼策划</a>
                </div>
            </div>
            <div class="foods">
                <a href="">电影演出</a>
                <a href="">赛事</a>
                <a href="">电影院</a>
                <div class="food-detail">
                    <span>中餐</span>
                    <a href="">日本菜</a>
                    <a href="">人气聚餐</a>
                </div>
            </div>
            <div class="foods">
                <a href="">结婚</a>
                <a href="">婚纱摄影</a>
                <a href="">婚礼策划</a>
                <div class="food-detail">
                    <span>结婚</span>
                    <a href="">婚纱摄影</a>
                    <a href="">婚礼策划</a>
                </div>
            </div>
            <div class="foods">
                <a href="">电影演出</a>
                <a href="">赛事</a>
                <a href="">电影院</a>
                <div class="food-detail">
                    <span>中餐</span>
                    <a href="">日本菜</a>
                    <a href="">人气聚餐</a>
                </div>
            </div>
            <div class="foods">
                <a href="">结婚</a>
                <a href="">婚纱摄影</a>
                <a href="">婚礼策划</a>
                <div class="food-detail">
                    <span>结婚</span>
                    <a href="">婚纱摄影</a>
                    <a href="">婚礼策划</a>
                </div>
            </div>
            <div class="foods">
                <a href="">电影演出</a>
                <a href="">赛事</a>
                <a href="">电影院</a>
                <div class="food-detail">
                    <span>中餐</span>
                    <a href="">日本菜</a>
                    <a href="">人气聚餐</a>
                </div>
            </div>

        </div>
    </div>
    <div class="banner">
        <div class="pic-nav">
            <img src="image/gonglv.png">
        </div>
        <div class="cata-hot">
            <div class="cata-hot-info">
                <div class="hot-top">
                    <img src="image/fenlei.png">
                    <span>热门分类</span>
                </div>
                <div class="hot-bottom">
                    <div class="cata-detail">小吃快餐</div>
                    <div class="cata-detail">本帮江浙菜</div>
                    <div class="cata-detail">火锅</div>
                    <div class="cata-detail">西餐</div>
                    <div class="cata-detail">日本菜</div>
                    <div class="cata-detail">面包甜点</div>
                    <div class="cata-detail">饮品店</div>
                    <div class="cata-detail">烧烤</div>
                </div>
            </div>
            <div class="cata-hot-info">
                <div class="hot-top">
                    <img src="image/shangquan.png">
                    <span>热门商圈</span>
                </div>
                <div class="hot-bottom">
                    <div class="cata-detail">观前街</div>
                    <div class="cata-detail">李功提</div>
                    <div class="cata-detail">博览中心</div>
                    <div class="cata-detail">石路地铁</div>
                    <div class="cata-detail">苏州中心</div>
                    <div class="cata-detail">斜塘老街</div>
                    <div class="cata-detail">平江路</div>
                    <div class="cata-detail">狮山</div>
                </div>
            </div>
            <div class="cata-hot-info">
                <div class="hot-top">
                    <img src="image/ditiexian.png">
                    <span>地铁线</span>
                </div>
                <div class="hot-bottom">
                    <div class="cata-detail">1号线</div>
                    <div class="cata-detail">2号线</div>

                </div>
            </div>
        </div>
    </div>
    <div></div>
</div>
<!-- 美食推荐-->
<div class="food-list">
    <div class="food-title">
        <img src="image/food_logo.png">
        <span >美食</span>
        <ul>
            <li><a href="">日本菜</a> </li>
            <li><a href="">火锅</a> </li>
            <li><a href="">面包甜点</a> </li>
        </ul>
    </div>
    <div class="cata-content">
        <ul>
            <li>
                <a href="">
                    <img src="image/food1.jpg">
                </a>
                <span class="shop-name">和创.柚子日本...</span>
                        <span class="shop-star">
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                        </span>
                <span class="dp_count">9627条点评</span>
                <span class="avg">￥285/人</span>
            </li>
            <li>
                <a href=""><img src="image/fengmao.jpg"></a>
                <span class="shop-name">丰茂烧烤.</span>
                        <span class="shop-star">
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                        </span>
                <span class="dp_count">6867条点评</span>
                <span class="avg">￥110/人</span>
            </li>
            <li>
                <a href=""><img src="image/haodelai.jpg"></a>
                <span class="shop-name">好的来蟹庄。老...</span>
                        <span class="shop-star">
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                        </span>
                <span class="dp_count">3314条点评</span>
                <span class="avg">￥154/人</span>
            </li>
            <li>
                <a href=""><img src="image/yu.jpg"></a>
                <span class="shop-name">话音日本料理.</span>
                        <span class="shop-star">
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                        </span>
                <span class="dp_count">7416条点评</span>
                <span class="avg">￥283/人</span>
            </li>
            <li>
                <a href=""><img src="image/dashu.jpg"></a>
                <span class="shop-name">大蔬无界.</span>
                        <span class="shop-star">
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                        </span>
                <span class="dp_count">4819条点评</span>
                <span class="avg">￥215/人</span>
            </li>
            <li>
                <a href=""><img src="image/food1.jpg"></a>
                <span class="shop-name">和创.柚子日本...</span>
                        <span class="shop-star">
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                        </span>
                <span class="dp_count">9627条点评</span>
                <span class="avg">￥285/人</span>
            </li>
            <li>
                <a href=""><img src="image/food1.jpg"></a>
                <span class="shop-name">和创.柚子日本...</span>
                        <span class="shop-star">
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                        </span>
                <span class="dp_count">9627条点评</span>
                <span class="avg">￥285/人</span>
            </li>
            <li>
                <a href=""><img src="image/food1.jpg"></a>
                <span class="shop-name">和创.柚子日本...</span>
                        <span class="shop-star">
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                            <span class="star-item"></span>
                        </span>
                <span class="dp_count">9627条点评</span>
                <span class="avg">￥285/人</span>
            </li>
        </ul>
    </div>
    <!-- 网站底部 -->
    <div class="footer-container">
        <div class="links">
            <ul>
                <li><a href="" >关于大众点评</a></li>
                <li><a href="" >诚守公约</a></li>
                <li><a href="" >网站帮助</a></li>
                <li><a href="" >人才招聘</a></li>
                <li><a href="" >最新资讯</a></li>
            </ul>
            <p>©2003-2019 dianping.com, All Rights Reserved. 本站发布的所有内容，未经许可，不得转载，详见 《知识产权声明》。</p>
        </div>
    </div>
</div>

</body>
</html>